<html>

<head>
    <meta charset="UTF-8">
    <title>互联网数据源总览</title>
    <!-- <link rel="stylesheet" href="css/public.css" /> -->
    <link rel="stylesheet" href="css/int-res.css" />
    <script type="text/javascript" src="js/lib/jQuery/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/lib/countUp.js"></script>
    <script type="text/javascript" src="js/lib/echarts-all.js"></script>
</head>

<body>
    <div class="int-main-container">
        <div class="int-main-top">
            <div class="int-top-lf">
                <h1>互联网数据源总览</h1>
            </div>
            <div class="int-top-rt"></div>
        </div>
        <!--分类数据量-->
        <div class="int-fl-num">
            <div class="int-fl-title">
                <span>分类数据量</span>
            </div>
            <div class="int-fl-deal">
                <div class="int-fl-icon">
                    <img src="images/sr-bac11.png" class="icon-bg">
                    <img src="images/sr-wb-icon.png" class="icon wb-icon" />
                    <img src="images/sr-txwb-icon.png" class="icon txwb-icon" />
                    <img src="images/sr-wx-icon.png" class="icon wx-icon" />
                    <img src="images/sr-khd-icon.png" class="icon khd-icon" />
                    <img src="images/sr-ysp-icon.png" class="icon ysp-icon" />
                    <img src="images/sr-xw-icon.png" class="icon xw-icon" />
                    <img src="images/sr-gnxw-icon.png" class="icon gnxw-icon" />
                    <img src="images/sr-gnbk-icon.png" class="icon gnbk-icon" />
                    <img src="images/sr-gnlt-icon.png" class="icon gnlt-icon" />
                </div>
                <div class="int-fl-item">
                    <span></span>
                </div>
                <div class="int-fl-count">
                    <span id="flCount"></span>
                    <span class="fl-unit">条</span>
                </div>
            </div>
        </div>
        <!--end 分类数据量-->
        <!--互联网资源采集总数据量-->
        <div class="int-all-num">
            <h3>网信办数据总量</h3>
            <div class="int-num">
                <span id="totalcount"></span>
                <span class="total-unit">条</span>
            </div>
        </div>
        <!--end 互联网资源采集总数据量-->
        <!--今日数据量比重-->
        <div class="int-td-legend">
            <img src="images/sr-bacb.png" class="legend-bg" style="position: absolute; top: 70px;width: 540px; height: 54px;">
            <div class="td-legend-item" id="newLegend">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>新浪微博</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="newLegend2">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>腾讯微博</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="newLegend3">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>微信公众号</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="newLegend4">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>新闻客户端</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="newLegend5">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>音视频</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="forumLegend">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>境外新闻</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="wechatLegend">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>国内新闻</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="xinlangLegend">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>国内博客</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
            <div class="td-legend-item" id="tencentLegend">
                <div class="item-part" style="line-height: 30px;padding-bottom: 5px;">
                    <span>国内论坛</span>
                </div>
                <div class="item-part" style="line-height: 30px;padding-top: 5px;">
                </div>
            </div>
        </div>
        <!-- 今日数据量比重11 -->
        <div class="int-td-pro" style="opacity:1;">
            <div class="td-pro-bac">
                <!-- <img src="images/sr-bac10.png" class="td-pie-bg"> -->
                <div class="pie-wrapper">
                    <div id="piemain" style="width:405px;height:405px;z-index: 1;"></div>
                    <div id="pietitle" class="title">
                        <span style="display: block;">今日</span>
                        <span style="display: block;">数据量比重</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 本周数据量比重 -->
        <div class="int-td-pro">
            <div class="td-pro-bac">
                <!-- <img src="images/sr-bac10.png" class="td-pie-bg"> -->
                <div class="pie-wrapper">
                    <div id="piemain1" style="width: 405px;height:405px;z-index: 1;"></div>
                    <div id="pietitle1" class="title">
                        <span style="display: block;">本周</span>
                        <span style="display: block;">数据量比重</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 本月数据量比重 -->
        <div class="int-td-pro">
            <div class="td-pro-bac">
                <!-- <img src="images/sr-bac10.png" class="td-pie-bg"> -->
                <div class="pie-wrapper">
                    <div id="piemain2" style="width:405px;height:405px;z-index: 1;"></div>
                    <div id="pietitle2" class="title">
                        <span style="display: block;">本月</span>
                        <span style="display: block;">数据量比重</span>
                    </div>
                </div>
            </div>
        </div>
        <!--end 今日数据量比重-->
        <!--今日数据量-->
        <div class="int-td-num" style="z-index: 1;">
            <div class="int-td-num-title">
                <h3>今日数据量</h3>
            </div>
            <div class="td-num-chart" id="barmain" style="z-index: 1;">
            </div>
            <div class="bar-bg">
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
                <div class="br-bg-item">
                    <img src="images/td-chart-bac03.png">
                </div>
            </div>
        </div>
        <!--end 今日数据量-->
        <!--数据量趋势图-->
        <div class="int-data-trend">
            <div class="int-data-trend-title">
                <h3>数据存储量<br>及存储周期</h3>
            </div>
            <div class="int-fl-deal">
                <div class="int-fl-icon">
                    <img src="images/sr-bac11.png" class="icon-bg">
                    <img src="images/sr-wb-icon.png" class="icon wb-icon" />
                    <img src="images/sr-txwb-icon.png" class="icon txwb-icon" />
                    <img src="images/sr-wx-icon.png" class="icon wx-icon" />
                    <img src="images/sr-khd-icon.png" class="icon khd-icon" />
                    <img src="images/sr-ysp-icon.png" class="icon ysp-icon" />
                    <img src="images/sr-xw-icon.png" class="icon xw-icon" />
                    <img src="images/sr-gnxw-icon.png" class="icon gnxw-icon" />
                    <img src="images/sr-gnbk-icon.png" class="icon gnbk-icon" />
                    <img src="images/sr-gnlt-icon.png" class="icon gnlt-icon" />
                </div>
                <div class="int-fl-add">
                    <span class="fl-unit">新增量</span><br>
                    <span id="addCount">209</span>
                    <span class="danwei">条/s</span>
                </div>
                <div class="int-fl-delete">
                    <span class="fl-unit fl-unit2">过期量</span><br>
                    <span id="delCount">297</span>
                    <span class="danwei">条/s</span>

                </div>
                <div class="int-fl-item">
                    <span></span>
                    <!-- <i>生命周期</i> -->
                </div>
                <div class="int-fl-count">
                    <!-- <span>生命周期</span> -->
                    <span id="flCount2"></span>
                     <span class="fl-unit">天</span>
                </div>
            </div>
        </div>
        <!--end 数据量趋势图-->
    </div>
    <script src="js/init.js"></script>
    <script src="js/startup.js"></script>
    <script src="js/core/count2.js"></script>
    <script src="js/core/count.js"></script>      
    <script src="js/core/pie.js"></script>
    <script src="js/core/bar.js"></script>
    <script src="js/core/line.js"></script>
    <!--<script src="js/core/tabpie.js"></script>-->
</body>
</html>
